<template>
	<div class="header">
		
		<!-- 左侧 -->
		<div class="header-left" @click="toHome()">
			<span class="iconfont">&#xe605;</span>
		</div>
		
	<div class="header-title">
		城市选择
	</div>
	</div>
</template>

<script>
	export default{
		methods:{
			toHome(){
				// this.$router.push() 在js内设置页面跳转地址的方法，没有参数直接编写跳转地址 如果有参数。设置path选项，参数选项【query直接写入path的地址内。params方法设置params参数选项】
				this.$router.push('/')
				}
		}
	}
</script>



<!-- sconped 局部样式-->
<style scoped>
	.header{
		width: 100%;
		height: 0.88rem;/* ;0.88rem */
		background-color: #00bcd4;
		color: white;
		font-size: 0.36rem;/* 0.36rem */
		display: flex; /* 弹性盒子*/
		line-height: 0.88rem;
		position: relative;
	}
	/* 搜索框 */
	
	.header-left{
		width: 0.4rem;
		padding: 0px 0.2rem;
		font-weight:bold;
		text-align: center;
		position: absolute;
	}
	..header-left .iconfont{
		color: white;
	}
	.header-title{
		width: 100%;
		text-align: center;
		}
</style>
